@charset "utf-8";
$fontSize:40;
@function r($p){
    @return $p/$fontSize*1rem;
}
body{
    background:#ffffff;
}
*{
    margin: 0;
    padding: 0;
}
html,body{
    width: 100%;
    height: 100%;
    overflow: hidden;
}
.web{
    width: 100%;
    height: 100%;
    position: relative;

.main{
    margin-top:r(10);
     width:100vw;
     position: absolute;
     left:0;
     right: 0;
     top:r(90);;
     bottom:r(100);
     /*height: calc(100% - 50px);*/
     overflow: auto;

     >.banner{
         position: relative;
         width:100%;
         
         >img{
             width:100%;
         }
         >.zhezao{
             display: flex;
             display: -webkit-flex;
             flex-direction: column;
             justify-content: space-between;
             align-items:center;
                position: absolute;
                bottom:0;
                width:100%;
                height:r(104);
                background:rgba(0,0,0,.5);
               
                >p{
                    margin-top:r(10);
                    width:r(590);
                    text-align: center;
                    line-height: r(53);
                    font-size:r(27);
                    color:#fff;
                    overflow: hidden;
                    text-overflow: ellipsis;
                    white-space: nowrap;
                    >span{
                        background:#b20200;
                        display: inline-block;
                    }
                }
                >div{
                    width:r(590);
                    display: flex;
                    display: -webkit-flex;
                    justify-content: center;
                    align-content: center;
                    >div{
                        width:r(23);
                        img{
                            width:100%;
                        }
                    }
                   
                    >span{
                        font-size:r(18);
                        color:#fff;
                    }
                    >span:nth-of-type(1){
                        margin-right:r(45);
                    }
                    >.date{
                        text-align: right;
                        flex-grow: 1;
                    }
                }
         }//zhezao
         .xuanxiang{
             position: absolute;
             left:50%;
             transform: translateX(-38%);
             bottom:r(22);
                .yuan{
                    display: inline-block;
                    width:r(10);
                    height:r(10);
                    border-radius: 50%;
                    background:#cdbfb1;
                    margin-right:r(23);
                   
                }
         }//xuanxiang
     }//banner
     .wz_content{
         display: flex;
         display:-webkit-flex;
         flex-direction: row;
         align-items: center;
         flex-wrap: wrap;
         justify-content: space-around;
         width:100%;
         >.wz_txt{
                    background:#f6f6f6;
                    margin-top:r(20);
                    padding-bottom:r(8);
                    width:r(282);
                    >.wz_img{
                        width:100%;
                        >a{
                            >img{
                                width:100%;
                            }    
                        }
                             
                    }
                    >p{
                        padding:0 r(5);
                        margin-top:r(13);
                        overflow: hidden;
                        text-overflow:ellipsis;
                        display: -webkit-box;
                        -webkit-line-clamp: 2;
                        -webkit-box-orient: vertical;
                        font-size:r(22);
                    }
                    >.yingxiao{
                        padding:0 r(5);
                        margin-top:r(13);
                        display: flex;
                        display:-webkit-flex;
                        flex-direction: row;
                        align-items: center;
                        justify-content: space-between;
                        >span{
                            font-size:r(20);
                            color:#c5c5c5;
                        }
                        >.wz_bg{
                            padding:r(5) r(28);
                            background:#b10100;
                            font-size:r(18);
                            color:#fff;
                            display: inline-block;
                            border-radius: r(5);
                        }
                    }
                    .dibu{
                        padding:0 r(5);
                        margin-top:r(13);
                        display: flex;
                        display:-webkit-flex;
                        flex-direction: row;
                        align-items: center;
                        justify-content: space-between;
                        >div{
                            width:r(35);
                            >img{
                                width:100%;
                            }
                        }
                        >span:nth-of-type(1){
                            margin-left:r(5);
                            flex-grow: 1;
                            text-align: left;
                        }
                        >span{
                            flex-grow: 1;
                            text-align: left;
                            font-size:r(18);
                            color:#c5c5c5;
                        }
                    }
         }//wz_txt
     }//.wz_content
     >p{
        
        font-size:r(22);
        color:#bababa;
        padding:r(20) 0;
        margin:0 auto;
        margin-top:r(40);
        text-align: center;
        border-top:#ddd 1px solid;
        background: #fff;
    }
    }//main
}//web